<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 
        锚点（锚记） 类似快速定位器 主要是为了实现同一个页面内不同位置的跳转

        语法
            1，创建锚点
                <a href="#锚点的名字">文字图片</a>
            2，在需要的标签上用id调用锚点的名字

     -->
</head>
<body>
   <a href="#img1">点击跳转到坤坤</a> 
   <a href="#img2">点击跳转到凡凡</a> 
   <a href="#img3">点击跳转到猪猪</a> 
   <hr />
   <img src="images/photo10.jpg" alt="" id="img1">
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <img src="images/photo11.jpg" alt="" id="img2">
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <img src="images/photo13.jpg" alt="" id="img4" >
   <p id="img3">坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
   <p>坤坤</p>
</body>
</html>